import 'package:flutter/material.dart';

class Friend extends StatefulWidget {
  @override
  FriendState createState() => FriendState();
}

class FriendState extends State {
  @override
  Widget build(BuildContext context) {
    return ConstrainedBox(
      constraints: BoxConstraints.expand(),
      child: Stack(
        children: <Widget>[
          Container(
            color: Colors.white,
            child: Scrollbar(
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a003.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "路易斯",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a004.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "papi酱",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a005.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "三支小熊",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a002.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "德玛西亚之力",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a006.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "三克油",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a007.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "lucky",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a008.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "布吉岛",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a009.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "Sunny",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a010.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "我是消炎药",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                    
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a010.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "flutter",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a011.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "蛋蛋的忧伤",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a012.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "我爱你",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a007.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "程序员",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a006.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "曾经",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 80),
                    child:Divider(
                      height: 1.0,
                      color: Colors.grey[400],
                    ),
                  ),
                  Container(
                    height: 60.0,
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.fromLTRB(15.0, 5.0, 20.0, 5.0),
                          width: 45.0,
                          height: 45.0,
                          decoration: BoxDecoration(
                              shape: BoxShape.rectangle,
                              borderRadius: BorderRadius.circular(5.0),
                              image: DecorationImage(
                                fit: BoxFit.fill,
                                image: AssetImage(
                                  "image/a011.jpg",
                                ),
                              )),
                        ),
                        Container(
                          child: Text(
                            "卖鞋",
                            style: TextStyle(fontSize: 18.0),
                          ),
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
          Positioned(
            width: 20.0,
            right: 0.0,
            top: 0.0,
            bottom: 0.0,
            child: Container(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Text("↑",style: TextStyle(fontSize: 16.0),),
                  Text("A",style: TextStyle(fontSize: 16.0),),
                  Text("B",style: TextStyle(fontSize: 16.0),),
                  Text("C",style: TextStyle(fontSize: 16.0),),
                  Text("D",style: TextStyle(fontSize: 16.0),),
                  Text("E",style: TextStyle(fontSize: 16.0),),
                  Text("F",style: TextStyle(fontSize: 16.0),),
                  Text("G",style: TextStyle(fontSize: 16.0),),
                  Text("H",style: TextStyle(fontSize: 16.0),),
                  Text("I",style: TextStyle(fontSize: 16.0),),
                  Text("J",style: TextStyle(fontSize: 16.0),),
                  Text("K",style: TextStyle(fontSize: 16.0),),
                  Text("L",style: TextStyle(fontSize: 16.0),),
                  Text("M",style: TextStyle(fontSize: 16.0),),
                  Text("N",style: TextStyle(fontSize: 16.0),),
                  Text("O",style: TextStyle(fontSize: 16.0),),
                  Text("P",style: TextStyle(fontSize: 16.0),),
                  Text("Q",style: TextStyle(fontSize: 16.0),),
                  Text("R",style: TextStyle(fontSize: 16.0),),
                  Text("S",style: TextStyle(fontSize: 16.0),),
                  Text("T",style: TextStyle(fontSize: 16.0),),
                  Text("U",style: TextStyle(fontSize: 16.0),),
                  Text("V",style: TextStyle(fontSize: 16.0),),
                  Text("W",style: TextStyle(fontSize: 16.0),),
                  Text("X",style: TextStyle(fontSize: 16.0),),
                  Text("Y",style: TextStyle(fontSize: 16.0),),
                  Text("Z",style: TextStyle(fontSize: 16.0),),
                  Text("#",style: TextStyle(fontSize: 16.0),),
                ],
              ),
            )
          ),
        ],
      ),
    );
  }
}
